doctype html
html
  head
    title= title
    meta(content="width=device-width, minimum-scale=1.0, maximum-scale=1.0", name="viewport")
    link(href="/images/favicon.ico",type="image/x-icon",rel="shortcut icon")
    - if (process.env.NODE_ENV == 'production')
      link(rel='stylesheet', href='/stylesheets/eso-theme.min.css')
      link(rel='stylesheet', href='/stylesheets/project.min.css')
    - else
      link(rel='stylesheet', href='/stylesheets/eso-theme.css')
      link(rel='stylesheet', href='/stylesheets/project.css')
  body
    div#wrapper
      header#eso-topbar.clearfix
        a(href="/",title="go back home",class="logo")
        a(href="#{links.hssPortal}", target="_blank", class="eso-logo") Developed by HSS
      div.help-content
          h1 Cantas Help Document
          article
            section.row-fluid
              div.span6
                h2 Create your own board.
                p By clicking "New Board" button, you can create your own board. In this page, you can     iew all public/your own/closed boards.
              div.span6.help-img
            section.row-fluid
              div.span6.help-img
              div.span6
                h2 Create a new list.
                p  By clicking "New List" button, you can create a new list, in which you can add cards.
            section.row-fluid
              div.span6
                h2 Add a new card.
                p By clicking "Add a card" button, you can add cards in any list. (You have had the     ermission to edit this board.)
              div.span6.help-img
            section.row-fluid
              div.span6.help-img
              div.span6
                h2 Set the board to a private board.
                p  By clicking this icon, you can set the board to a private board.
            section.row-fluid
              div.span6
                h2 Invite others to board.
                p You can invite other people into the board. Thus they have permissions  to edit this     oard.
              div.span6.help-img
            section.row-fluid
              div.span6.help-img
              div.span6
                h2 View activities of this board.
                p You can view all activities of this board.
            section.row-fluid
              div.span6
                h2 Archive a list.
                p You can archive this list.
              div.span6.help-img
            section.row-fluid
              div.span6.help-img
              div.span6
                h2 Archive a card.
                p You can archive this card.
            section.row-fluid
              div.span6
                h2 Assign tasks to board members.
                p You can assign tasks to board members.
              div.span6.help-img
            section.row-fluid
              div.span6.help-img
              div.span6
                h2 View your notifications.
                p You can view your notifications such as tasks assigned to you, invitations to join     oards and so on.
            section.row-fluid
              div.span6
                h2 Add checklists for a card.
                p You can add checklists for a card.
              div.span6.help-img
            section.row-fluid
              div.span6.help-img
              div.span6
                h2 Add comments for a card.
                p You can add comments for a card.
            section.row-fluid
              div.span6
                h2 Move a list to other places.
                p You can move a list to other places.
              div.span6.help-img
            section.row-fluid
              div.span6.help-img
              div.span6
                h2 Move a card to other places.
                p You can move a card to other places.
            section.row-fluid
              div.span8
                h2
                  p#browserSupportMatrix Browser Support Matrix
                table#js-browser-support-matrix.eso-table
                  thead
                    tr
                      th
                      th(colspan="2") Chrome
                      th(colspan="5") Firefox
                      th(colspan="2") Safari
                    tr
                      th
                      th(colspan="2") TBD
                      th 3.6
                      th 4
                      th 10
                      th 17
                      th 24
                      th(colspan="2") TBD
                  tbody
                    tr
                      td WebSockets
                      td
                      td
                      td ×
                      td √
                      td √
                      td √
                      td √
                      td
                      td
                    tr
                      td HTML5
                      td
                      td
                      td √-
                      td √-
                      td √
                      td √
                      td √
                      td
                      td
                    tr
                      td CSS3
                      td
                      td
                      td √-
                      td √
                      td √
                      td √
                      td √
                      td
                      td
                    tr
                      td ECMAScript 5
                      td
                      td
                      td √-
                      td √
                      td √
                      td √
                      td √
                      td
                      td
                p Note: x(nonsupport), √-(partial support), √(widespread support). Chrome and Safari versions are to be determined.
      footer(class="footer")
        div(class="hss-logo")
        div(class="copyright")
            p
              | Version #{version}
              a(href="#{links.bugzilla}", target="_blank") Report an Issue
            p INTERNAL USE ONLY
            p Copyright &copy; 2013 Red Hat, Inc. All rights reserved.